<template>
	<view class="main">
		<u-navbar :is-back="false" :title="i18n.navbar.order" :background="background" :border-bottom="false"
			title-color="#000000" back-icon-color="#000">
			<view class="navright" slot="right">
				<image src="../../../static/images/sx.png" mode="" @click="filters"></image>
			</view>
		</u-navbar>

		<view class="all">
			<view class="tabs">
				<u-tabs :list="i18n.order.list" bg-color="#fff" :is-scroll="true" :current="current" @change="change"
					active-color="#FF0000">
				</u-tabs>
			</view>

			<scroll-view class="storehouse" scroll-y :style="{'height':vHeight + 'px'}" @scrolltolower="reachBottom">
				<view class="orderinfo" v-for="(item,index) in orderlist" :key="index" v-if="current==0">
					<view class="time">
						<text>{{i18n.order.creat_time}}：</text>
						<text>{{item.createTime}}</text>
					</view>
					<view class="ordertop">
						<view class="ordernumber">
							<view class="order_l">
								<text class="title">{{i18n.order.orderid}}：</text>
								<text class="id">{{item.orderNo}}</text>
							</view>
							<view class="order_l">
								<text class="title">{{i18n.order.ordermain}}：</text>
								<text class="id">{{item.masterOrderNo}}</text>
							</view>
						</view>
					
					</view>
					<view class="orderbot">
						<view class="order_l">
							<text class="title">{{i18n.order.name}}：</text>
							<text class="id">{{item.realName}}</text>
						</view>
						<view class="order_l">
							<text class="title">{{i18n.order.pay_money}}：</text>
							<text class="id">{{item.payPrice}}</text>
						</view>

						<view class="state">
							<view class="state_l">
								<view class="order_l">
									<text class="title">{{i18n.order.pay_type}}：</text>
									<text class="id">{{item.payType}}</text>
								</view>
								<view class="order_l">
									<text class="title">{{i18n.order.status}}：</text>
									<text class="id"
										v-if="item.status==0">{{i18n.order.order_details.Not_shipped}}</text>
									<text class="id"
										v-if="item.status==1">{{i18n.order.order_details.pending_receipt}}</text>
									<text class="id" v-if="item.status==2">{{i18n.order.order_details.received}}</text>
									<text class="id" v-if="item.status==3">{{i18n.order.order_details.completed}}</text>
									<text class="id" v-if="item.status==9">{{i18n.order.order_details.cancell}}</text>
								</view>
							</view>
							<view class="state_r">
								<view class="remark" @click="remarks(item.orderNo)">
									{{i18n.order.order_remarke}}
								</view>
								<view class="details" @click="router(item.orderNo)">
									{{i18n.order.details}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 未支付 -->
				<view class="orderinfo" v-for="(item,index) in orderlist" :key="index" v-if="current==1">
					<view class="time">
						<text>{{i18n.order.creat_time}}：</text>
						<text>{{item.createTime}}</text>
					</view>
					<view class="ordertop">
						<view class="ordernumber">
							<view class="order_l">
								<text class="title">{{i18n.order.orderid}}：</text>
								<text class="id">{{item.orderNo}}</text>
							</view>
							<view class="order_l">
								<text class="title">{{i18n.order.ordermain}}：</text>
								<text class="id">{{item.masterOrderNo}}</text>
							</view>
						</view>
					
					</view>
					<view class="orderbot">
						<view class="order_l">
							<text class="title">{{i18n.order.name}}：</text>
							<text class="id">{{item.realName}}</text>
						</view>
						<view class="order_l">
							<text class="title">{{i18n.order.pay_money}}：</text>
							<text class="id">{{item.payPrice}}</text>
						</view>

						<view class="state">
							<view class="state_l">
								<view class="order_l">
									<text class="title">{{i18n.order.pay_type}}：</text>
									<text class="id">{{item.payType}}</text>
								</view>
								<view class="order_l">
									<text class="title">{{i18n.order.status}}：</text>
									<text class="id"
										v-if="item.status==0">{{i18n.order.order_details.Not_shipped}}</text>
									<text class="id"
										v-if="item.status==1">{{i18n.order.order_details.pending_receipt}}</text>
									<text class="id" v-if="item.status==2">{{i18n.order.order_details.received}}</text>
									<text class="id" v-if="item.status==3">{{i18n.order.order_details.completed}}</text>
									<text class="id" v-if="item.status==9">{{i18n.order.order_details.cancell}}</text>
								</view>
							</view>
							<view class="state_r">
								<view class="remark" @click="remarks(item.orderNo)">
									{{i18n.order.order_remarke}}
								</view>
								<view class="details" @click="router(item.orderNo)">
									{{i18n.order.details}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 未发货 -->
				<view class="orderinfo" v-for="(item,index) in orderlist" :key="index" v-if="current==2">
					<view class="time">
						<text>{{i18n.order.creat_time}}：</text>
						<text>{{item.createTime}}</text>
					</view>
					<view class="ordertop">
						<view class="ordernumber">
							<view class="order_l">
								<text class="title">{{i18n.order.orderid}}：</text>
								<text class="id">{{item.orderNo}}</text>
							</view>
							<view class="order_l">
								<text class="title">{{i18n.order.ordermain}}：</text>
								<text class="id">{{item.masterOrderNo}}</text>
							</view>
						</view>
						<view class="order_r" @click="ship()">
							<image src="../../../static/images/fahuo.png" mode="aspectFit"></image>
						</view>
					</view>
					<view class="orderbot">
						<view class="order_l">
							<text class="title">{{i18n.order.name}}：</text>
							<text class="id">{{item.realName}}</text>
						</view>
						<view class="order_l">
							<text class="title">{{i18n.order.pay_money}}：</text>
							<text class="id">{{item.payPrice}}</text>
						</view>

						<view class="state">
							<view class="state_l">
								<view class="order_l">
									<text class="title">{{i18n.order.pay_type}}：</text>
									<text class="id">{{item.payType}}</text>
								</view>
								<view class="order_l">
									<text class="title">{{i18n.order.status}}：</text>
									<text class="id"
										v-if="item.status==0">{{i18n.order.order_details.Not_shipped}}</text>
									<text class="id"
										v-if="item.status==1">{{i18n.order.order_details.pending_receipt}}</text>
									<text class="id" v-if="item.status==2">{{i18n.order.order_details.received}}</text>
									<text class="id" v-if="item.status==3">{{i18n.order.order_details.completed}}</text>
									<text class="id" v-if="item.status==9">{{i18n.order.order_details.cancell}}</text>
								</view>
							</view>
							<view class="state_r">
								<view class="remark" @click="remarks(item.orderNo)">
									{{i18n.order.order_remarke}}
								</view>
								<view class="details" @click="router(item.orderNo)">
									{{i18n.order.details}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 待发货 -->
				<view class="orderinfo" v-for="(item,index) in orderlist" :key="index" v-if="current==3">
					<view class="time">
						<text>{{i18n.order.creat_time}}：</text>
						<text>{{item.createTime}}</text>
					</view>
					<view class="ordertop">
						<view class="ordernumber">
							<view class="order_l">
								<text class="title">{{i18n.order.orderid}}：</text>
								<text class="id">{{item.orderNo}}</text>
							</view>
							<view class="order_l">
								<text class="title">{{i18n.order.ordermain}}：</text>
								<text class="id">{{item.masterOrderNo}}</text>
							</view>
						</view>
					
					</view>
					<view class="orderbot">
						<view class="order_l">
							<text class="title">{{i18n.order.name}}：</text>
							<text class="id">{{item.realName}}</text>
						</view>
						<view class="order_l">
							<text class="title">{{i18n.order.pay_money}}：</text>
							<text class="id">{{item.payPrice}}</text>
						</view>

						<view class="state">
							<view class="state_l">
								<view class="order_l">
									<text class="title">{{i18n.order.pay_type}}：</text>
									<text class="id">{{item.payType}}</text>
								</view>
								<view class="order_l">
									<text class="title">{{i18n.order.status}}：</text>
									<text class="id"
										v-if="item.status==0">{{i18n.order.order_details.Not_shipped}}</text>
									<text class="id"
										v-if="item.status==1">{{i18n.order.order_details.pending_receipt}}</text>
									<text class="id" v-if="item.status==2">{{i18n.order.order_details.received}}</text>
									<text class="id" v-if="item.status==3">{{i18n.order.order_details.completed}}</text>
									<text class="id" v-if="item.status==9">{{i18n.order.order_details.cancell}}</text>
								</view>
							</view>
							<view class="state_r">
								<view class="remark" @click="remarks(item.orderNo)">
									{{i18n.order.order_remarke}}
								</view>
								<view class="details" @click="router(item.orderNo)">
									{{i18n.order.details}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 交易完成 -->
				<view class="orderinfo" v-for="(item,index) in orderlist" :key="index" v-if="current==4">
					<view class="time">
						<text>{{i18n.order.creat_time}}：</text>
						<text>{{item.createTime}}</text>
					</view>
					<view class="ordertop">
						<view class="ordernumber">
							<view class="order_l">
								<text class="title">{{i18n.order.orderid}}：</text>
								<text class="id">{{item.orderNo}}</text>
							</view>
							<view class="order_l">
								<text class="title">{{i18n.order.ordermain}}：</text>
								<text class="id">{{item.masterOrderNo}}</text>
							</view>
						</view>
					
					</view>
					<view class="orderbot">
						<view class="order_l">
							<text class="title">{{i18n.order.name}}：</text>
							<text class="id">{{item.realName}}</text>
						</view>
						<view class="order_l">
							<text class="title">{{i18n.order.pay_money}}：</text>
							<text class="id">{{item.payPrice}}</text>
						</view>

						<view class="state">
							<view class="state_l">
								<view class="order_l">
									<text class="title">{{i18n.order.pay_type}}：</text>
									<text class="id">{{item.payType}}</text>
								</view>
								<view class="order_l">
									<text class="title">{{i18n.order.status}}：</text>
									<text class="id"
										v-if="item.status==0">{{i18n.order.order_details.Not_shipped}}</text>
									<text class="id"
										v-if="item.status==1">{{i18n.order.order_details.pending_receipt}}</text>
									<text class="id" v-if="item.status==2">{{i18n.order.order_details.received}}</text>
									<text class="id" v-if="item.status==3">{{i18n.order.order_details.completed}}</text>
									<text class="id" v-if="item.status==9">{{i18n.order.order_details.cancell}}</text>
								</view>
							</view>
							<view class="state_r">
								<view class="remark" @click="remarks(item.orderNo)">
									{{i18n.order.order_remarke}}
								</view>
								<view class="details" @click="router(item.orderNo)">
									{{i18n.order.details}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 交易完成 -->
				<view class="orderinfo" v-for="(item,index) in orderlist" :key="index" v-if="current==5">
					<view class="time">
						<text>{{i18n.order.creat_time}}：</text>
						<text>{{item.createTime}}</text>
					</view>
					<view class="ordertop">
						<view class="ordernumber">
							<view class="order_l">
								<text class="title">{{i18n.order.orderid}}：</text>
								<text class="id">{{item.orderNo}}</text>
							</view>
							<view class="order_l">
								<text class="title">{{i18n.order.ordermain}}：</text>
								<text class="id">{{item.masterOrderNo}}</text>
							</view>
						</view>
					
					</view>
					<view class="orderbot">
						<view class="order_l">
							<text class="title">{{i18n.order.name}}：</text>
							<text class="id">{{item.realName}}</text>
						</view>
						<view class="order_l">
							<text class="title">{{i18n.order.pay_money}}：</text>
							<text class="id">{{item.payPrice}}</text>
						</view>

						<view class="state">
							<view class="state_l">
								<view class="order_l">
									<text class="title">{{i18n.order.pay_type}}：</text>
									<text class="id">{{item.payType}}</text>
								</view>
								<view class="order_l">
									<text class="title">{{i18n.order.status}}：</text>
									<text class="id"
										v-if="item.status==0">{{i18n.order.order_details.Not_shipped}}</text>
									<text class="id"
										v-if="item.status==1">{{i18n.order.order_details.pending_receipt}}</text>
									<text class="id" v-if="item.status==2">{{i18n.order.order_details.received}}</text>
									<text class="id" v-if="item.status==3">{{i18n.order.order_details.completed}}</text>
									<text class="id" v-if="item.status==9">{{i18n.order.order_details.cancell}}</text>
								</view>
							</view>
							<view class="state_r">
								<view class="remark" @click="remarks(item.orderNo)">
									{{i18n.order.order_remarke}}
								</view>
								<view class="details" @click="router(item.orderNo)">
									{{i18n.order.details}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 已退款 -->
				<view class="orderinfo" v-for="(item,index) in orderlist" :key="index" v-if="current==6">
					<view class="time">
						<text>{{i18n.order.creat_time}}：</text>
						<text>{{item.createTime}}</text>
					</view>
					<view class="ordertop">
						<view class="ordernumber">
							<view class="order_l">
								<text class="title">{{i18n.order.orderid}}：</text>
								<text class="id">{{item.orderNo}}</text>
							</view>
							<view class="order_l">
								<text class="title">{{i18n.order.ordermain}}：</text>
								<text class="id">{{item.masterOrderNo}}</text>
							</view>
						</view>
					
					</view>
					<view class="orderbot">
						<view class="order_l">
							<text class="title">{{i18n.order.name}}：</text>
							<text class="id">{{item.realName}}</text>
						</view>
						<view class="order_l">
							<text class="title">{{i18n.order.pay_money}}：</text>
							<text class="id">{{item.payPrice}}</text>
						</view>

						<view class="state">
							<view class="state_l">
								<view class="order_l">
									<text class="title">{{i18n.order.pay_type}}：</text>
									<text class="id">{{item.payType}}</text>
								</view>
								<view class="order_l">
									<text class="title">{{i18n.order.status}}：</text>
									<text class="id"
										v-if="item.status==0">{{i18n.order.order_details.Not_shipped}}</text>
									<text class="id"
										v-if="item.status==1">{{i18n.order.order_details.pending_receipt}}</text>
									<text class="id" v-if="item.status==2">{{i18n.order.order_details.received}}</text>
									<text class="id" v-if="item.status==3">{{i18n.order.order_details.completed}}</text>
									<text class="id" v-if="item.status==9">{{i18n.order.order_details.cancell}}</text>
								</view>
							</view>
							<view class="state_r">
								<view class="remark" @click="remarks(item.orderNo)">
									{{i18n.order.order_remarke}}
								</view>
								<view class="details" @click="router(item.orderNo)">
									{{i18n.order.details}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 已删除 -->
				<view class="orderinfo" v-for="(item,index) in orderlist" :key="index" v-if="current==7">
					<view class="time">
						<text>{{i18n.order.creat_time}}：</text>
						<text>{{item.createTime}}</text>
					</view>
					<view class="ordertop">
						<view class="ordernumber">
							<view class="order_l">
								<text class="title">{{i18n.order.orderid}}：</text>
								<text class="id">{{item.orderNo}}</text>
							</view>
							<view class="order_l">
								<text class="title">{{i18n.order.ordermain}}：</text>
								<text class="id">{{item.masterOrderNo}}</text>
							</view>
						</view>
				
					</view>
					<view class="orderbot">
						<view class="order_l">
							<text class="title">{{i18n.order.name}}：</text>
							<text class="id">{{item.realName}}</text>
						</view>
						<view class="order_l">
							<text class="title">{{i18n.order.pay_money}}：</text>
							<text class="id">{{item.payPrice}}</text>
						</view>

						<view class="state">
							<view class="state_l">
								<view class="order_l">
									<text class="title">{{i18n.order.pay_type}}：</text>
									<text class="id">{{item.payType}}</text>
								</view>
								<view class="order_l">
									<text class="title">{{i18n.order.status}}：</text>
									<text class="id"
										v-if="item.status==0">{{i18n.order.order_details.Not_shipped}}</text>
									<text class="id"
										v-if="item.status==1">{{i18n.order.order_details.pending_receipt}}</text>
									<text class="id" v-if="item.status==2">{{i18n.order.order_details.received}}</text>
									<text class="id" v-if="item.status==3">{{i18n.order.order_details.completed}}</text>
									<text class="id" v-if="item.status==9">{{i18n.order.order_details.cancell}}</text>
								</view>
							</view>
							<view class="state_r">
								<view class="remark" @click="remarks(item.orderNo)">
									{{i18n.order.order_remarke}}
								</view>
								<view class="details" @click="router(item.orderNo)">
									{{i18n.order.details}}
								</view>
							</view>
						</view>
					</view>
				</view>

			</scroll-view>
		</view>
		<u-popup v-model="filter" mode="right" width="590">
			<view class="showright">
				<view class="scree_tit">
					{{i18n.order.Filter_tit}}
				</view>
				<view class="smtit">
					{{i18n.order.Time_selection}}
				</view>
				<view class="timechoose">
					<view :class="index==timer?'perioed':'period'" v-for="(item,index) in i18n.order.selectime"
						:key="index" @click="choosed(index)">
						{{item}}
					</view>
				</view>
				<view class="option_time">
					<view class="time_l" @click="selectdate">
						<view>
							{{startime==''?i18n.order.start_time:startime}}
						</view>
						<image src="../../../static/images/time.png" mode=""></image>
					</view>
					<view class="heng">

					</view>
					<view class="time_l" @click="selectdate">
						<view>
							{{endtime==''?i18n.order.end_time:endtime}}
						</view>
						<image src="../../../static/images/time.png" mode=""></image>
					</view>
				</view>

				<view class="smtit">
					{{i18n.order.orderid}}
				</view>
				<view class="selects">
					<input type="text" :placeholder="i18n.order.placeholder" v-model="orderNO"/>
				</view>

				<view class="rightbut">
					<view class="rightconfim" @click="rest">
						{{i18n.order.reset}}
					</view>
					<view class="rightoff" @click="confirmfirter">
						{{i18n.order.confirm}}
					</view>
				</view>
			</view>
		</u-popup>
		<u-popup v-model="remarker" mode="center" width="600" height="425" border-radius="20">
			<view class="order_remaker">
				<view class="rem_title">
					{{i18n.order.order_remarke}}
				</view>
				<view class="remake_cont">
					<textarea maxlength="-1" v-model="remarkers" />
				</view>
				<view class="remake_but">
					<view class="remake_off" @click="no">
						{{i18n.order.Cancel}}
					</view>
					<view class="remake_comfin" @click="subremarker">
						{{i18n.order.confirm}}
					</view>
				</view>
			</view>
		</u-popup>
		<u-calendar v-model="showdate" :mode="mode" @change="changedate" :toolTip="i18n.order.selectdate"
			:start-text="i18n.order.startdate" :end-text="i18n.order.enddate" max-date="2050-06-01"></u-calendar>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				background: {
					backgroundColor: '#fff',
				},
				
				current: 0,
				filter: false,
				timer: 0,
				remarker: false,
				orderlist: '',
				currentPage: 0,
				totalPage: 0,
				vHeight: 450,
				headerList: [],
				headstauts: '',
				dateLimit: '',
				startime: '',
				endtime: '',
				showdate: false,
				mode: 'range',
				remarkers: '',
				orderid: '',
				timeLimit: '',
				orderNO:'',
			}
		},
		onLoad() {
			this.getheadernum()
			this.getcourier_company()
		},
		computed: {
			i18n() {
				return this.$t('message')
			},
		},
		onShow() {

			this.lang()
			uni.getSystemInfo({
				success: (res) => {
					this.vHeight = res.windowHeight - 95;
				}
			});

			this.getnewdata()
		},
		methods: {
// /api/admin/merchant/express/all
//订单列表
			getcourier_company() {
				global.$http.request({
					url: '/api/admin/merchant/express/all',
					header: {
						'Authori-zation': uni.getStorageSync('token') //自定义请求头信息
					},
					method: 'GET',
					data: {
					
					}
				}).then(res => {
					if (res.data.code == 200) {
				console.log(res.datad.data);
					}
				})
			},
			selectdate() {
				this.showdate = true
			},
			changedate(e) {
				console.log(e);
				this.startime = e.startDate
				this.endtime = e.endDate

			},
			//底部加载
			reachBottom() {
				this.getorderlist()
			},
			//切换时更新数据
			getnewdata() {
				this.orderlist = []
				this.currentPage = 0
				this.totalPage = 0
				this.getorderlist()
			},
			//订单列表
			getorderlist() {
				if (this.currentPage > 0 && this.totalPage > 0 && this.currentPage >= this.totalPage) {
					console.log('qian', this.currentPage);
					return
				}
				global.$http.request({
					url: '/api/admin/merchant/order/list',
					header: {
						'Authori-zation': uni.getStorageSync('token') //自定义请求头信息
					},
					method: 'GET',
					data: {
						page: this.currentPage + 1,
						status: this.headstauts,
						dateLimit: this.dateLimit,
						orderNo:this.orderNO
						
					}
				}).then(res => {
					if (res.data.code == 200) {
						this.orderlist = this.orderlist.concat(res.data.data.list);

						this.currentPage = res.data.data.page;
						this.totalPage = res.data.data.totalPage;
					}
				})
			},
			//头部数量

			getheadernum() {
				global.$http.request({
					url: '/api/admin/merchant/order/status/num',
					header: {
						'Authori-zation': uni.getStorageSync('token') //自定义请求头信息
					},
					method: 'GET',
					data: {
						dateLimit: this.dateLimit
					}
				}).then(res => {
					if (res.data.code == 200) {
						this.headerList = this.i18n.order.list;
						this.headerList[0].name = this.headerList[0].name.replace('(0)', '（' + res.data.data.all +
							'）');
						this.headerList[1].name = this.headerList[1].name.replace('(0)', '（' + res.data.data
							.unPaid + '）');
						this.headerList[2].name = this.headerList[2].name.replace('(0)', '（' + res.data.data
							.notShipped + '）');
						this.headerList[3].name = this.headerList[3].name.replace('(0)', '（' + res.data.data
							.spike + '）');
						this.headerList[4].name = this.headerList[4].name.replace('(0)', '（' + res.data.data
							.complete + '）');
						this.headerList[5].name = this.headerList[5].name.replace('(0)', '（' + res.data.data
							.refunded + '）');
						this.headerList[6].name = this.headerList[6].name.replace('(0)', '（' + res.data.data
							.deleted + '）');
					}
				})
			},







			lang() {
				this._i18n.locale = uni.getStorageSync('select')
			},
			change(index) {
				// console.log(index);
				this.current = index;
				// this.list[0].name=`出售中(${2})`//用于循环
				switch (index) {
					case 0:
						this.headstauts = 'all';
						break;
					case 1:
						this.headstauts = 'unPaid';
						break;
					case 2:
						this.headstauts = 'notShipped';
						break;
					case 3:
						this.headstauts = 'spike';
						break;
					case 4:
						this.headstauts = 'complete';
						break;
					case 5:
						this.headstauts = 'refunded';
						break;
					case 6:
						this.headstauts = 'deleted';
						break;
				}
				this.getnewdata()
			},
			//头部右侧筛选
			filters() {
				this.filter = true
			},
			//日期选中状态
			choosed(index) {
				this.timer = index
			},
			rest(){
				this.timer=0
				this.dateLimit = ''
				// this.filter=false
			},
			confirmfirter() {
				switch (this.timer) {
					case 0:
						this.dateLimit = '';
						break;
					case 1:
						this.dateLimit = 'today';
						break;
					case 2:
						this.dateLimit = 'yesterday';
						break;
					case 3:
						this.dateLimit = 'lately7';
						break;
					case 4:
						this.dateLimit = 'lately30';
						break;
					case 5:
						this.dateLimit = 'month';
						break;
					case 6:
						this.dateLimit = 'year';
						break;
				}
				this.i18n.order.list[0].name = '全部(0)'
				this.i18n.order.list[1].name = '未支付(0)'
				this.i18n.order.list[2].name = '未发货(0)'
				this.i18n.order.list[3].name = '待发货(0)'
				this.i18n.order.list[4].name = '交易完成(0)'
				this.i18n.order.list[5].name = '已退款(0)'
				this.i18n.order.list[6].name = '已删除(0)'
				this.headerList = this.i18n.order.list;
				this.getnewdata()
				this.getheadernum()
			},
			//订单备注
			remarks(id) {
				this.orderid = id
				this.remarker = true
			},
			//订单备注提交
			subremarker() {
				this.remarker = false
				global.$http.request({
					url: '/api/admin/merchant/order/mark',
					header: {
						'Authori-zation': uni.getStorageSync('token') //自定义请求头信息
					},
					data: {
						orderNo: this.orderid,
						remark: this.remarkers
					}
				}).then(res => {
					if (res.data.code == 200) {
						uni.showToast({
							title: res.data.message,
							icon: 'none',
							duration: 1000
						})
					}
				})
			},
			no() {
				this.remarker = false
			},
			//路由跳转
			router(orderNo) {
				uni.navigateTo({
					url: '../order_details/order_details?orderNo=' + orderNo
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		font-family: PingFang SC;
		background-color: #f7f7f7;

		.main {
			width: 750rpx;

			.navright {
				padding-right: 30rpx;

				image {
					width: 36rpx;
					height: 36rpx;
				}
			}

			.all {
				.orderinfo {
					background-color: #fff;
					margin-top: 10rpx;
					padding-bottom: 28rpx;

					.time {
						display: flex;
						justify-content: space-between;
						align-items: center;
						width: 750rpx;
						background: #666666;
						padding: 22rpx 38rpx 22rpx 23rpx;

						text {
							font-size: 26rpx;
							font-family: PingFang SC;
							font-weight: 400;
							color: #FFFFFF;
						}
					}

					.ordertop {
						display: flex;
						justify-content: space-between;
						padding: 0 30rpx 0 20rpx;

						.ordernumber {

							.order_l {
								padding-top: 28rpx;

								.title {
									font-size: 26rpx;
									font-family: PingFang SC;
									font-weight: 400;
									color: #000000;
								}

								.id {
									font-size: 26rpx;
									font-family: PingFang SC;
									font-weight: 400;
									color: #666666;
								}
							}
						}

						.order_r {
							padding-top: 28rpx;

							image {
								width: 50rpx;
								height: 44rpx;
							}
						}
					}

					.orderbot {
						padding-left: 20rpx;

						.order_l {
							padding-top: 28rpx;

							.title {
								font-size: 26rpx;
								font-family: PingFang SC;
								font-weight: 400;
								color: #000000;
							}

							.id {
								font-size: 26rpx;
								font-family: PingFang SC;
								font-weight: 400;
								color: #666666;
							}
						}

						.state {
							display: flex;
							justify-content: space-between;

							.state_l {
								width: 57%;
								.order_l {
									padding-top: 28rpx;
width: 100%;
									.title {
										font-size: 26rpx;
										font-family: PingFang SC;
										font-weight: 400;
										color: #000000;
									}

									.id {
										font-size: 26rpx;
										font-family: PingFang SC;
										font-weight: 400;
										color: #666666;
									}
								}
							}

							.state_r {
								width: 53%;
								// width: 5%;
								padding: 80rpx 0 0 30rpx;
								display: flex;
								text-align: center;
								line-height: 48rpx;
								font-size: 24rpx;
								font-family: PingFang SC;
								font-weight: 400;
								color: #FFFFFF;


								.remark {
									width: 250rpx;
									height: 48rpx;
									background: #9A9A9A;
									border-radius: 24rpx;
								}

								.details {
									margin: 0 40rpx;
									width: 180rpx;
									height: 48rpx;
									background: #304156;
									border-radius: 24rpx;
								}
							}
						}
					}
				}


			}

			.showright {
				padding-left: 14rpx;

				.scree_tit {
					padding: 78rpx 0 64rpx 0;
					font-size: 40rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #333333;
				}

				.smtit {
					padding-bottom: 23rpx;
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #333333;
				}

				.timechoose {
					margin: 20rpx 0;
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;

					text-align: center;
					line-height: 98rpx;

					.period {
						margin-right: 11rpx;
						margin-bottom: 10rpx;
						padding: 0 20rpx;
						height: 98rpx;
						background: #F0F0F0;
						border-radius: 10rpx;
						color: #999999;
					}

					.perioed {
						margin-right: 11rpx;
						margin-bottom: 10rpx;
						padding: 0 20rpx;
						height: 98rpx;
						background: #304156;
						border-radius: 10rpx;
						color: #FFFFFF;
					}
				}

				.option_time {
					display: flex;
					align-items: center;
					// padding: 36rpx 0;
					margin-bottom: 79rpx;

					.time_l {
						width: 244rpx;
						height: 98rpx;
						background: #F0F0F0;
						border-radius: 10rpx;
						line-height: 98rpx;
						display: flex;
						align-items: center;
						justify-content: space-between;

						view {
							font-size: 28rpx;
							font-family: PingFang SC;
							font-weight: 400;
							color: #B3B3B3;
							padding-left: 11rpx;
						}

						image {
							width: 61rpx;
							height: 96rpx;
						}
					}

					.heng {
						margin: 0 9rpx;
						width: 32rpx;
						height: 2rpx;
						background: #333333;
					}
				}



				.selects {
					padding: 30rpx 10rpx;
					margin: 0 15rpx 65rpx 0;
					display: flex;
					justify-content: space-between;
					align-items: center;
					background: #F0F0F0;
					border-radius: 10rpx;

					text {

						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #B3B3B3;
					}

					input {
						// background: #F0F0F0;
						// border-radius: 10rpx;
					}

					image {
						width: 10rpx;
						height: 16rpx;
					}
				}

				.rightbut {
					display: flex;
					justify-content: space-between;
					align-items: center;
					font-size: 34rpx;
					font-family: PingFang SC;
					line-height: 92rpx;
					text-align: center;
					padding: 0 25rpx;

					.rightconfim {
						width: 240rpx;
						height: 92rpx;
						border: 2rpx solid #999999;
						border-radius: 46rpx;
						font-weight: 400;
						color: #999999;
					}

					.rightoff {
						width: 240rpx;
						height: 92rpx;
						background: #304156;
						border-radius: 46rpx;

						color: #FFFFFF;

					}
				}
			}

			.order_remaker {
				width: 100%;
				padding: 30rpx 40rpx 35rpx 40rpx;

				.rem_title {
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #4D4D4D;
					padding-bottom: 17rpx;
				}

				.remake_cont {
					width: 518rpx;
					height: 230rpx;
					background: #F2F2F2;

					textarea {
						padding: 20rpx;
						width: 478rpx;
						height: 190rpx;
					}
				}

				.remake_but {
					text-align: center;
					line-height: 48rpx;
					display: flex;
					justify-content: flex-end;
					margin-top: 30rpx;

					.remake_off {
						width: 120rpx;
						height: 48rpx;
						background: #FFFFFF;
						border: 1rpx solid #B3B3B3;
						border-radius: 24rpx;
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #666666;
						margin-right: 40rpx;

					}

					.remake_comfin {
						width: 120rpx;
						height: 48rpx;
						background: #0F82FF;
						border-radius: 24rpx;

						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
					}
				}
			}
		}
	}
</style>
